<template>
  <view>
    <view class="content" v-for="(item,i) in myList" :key="i" @click="taoLu">
      <view class="content-image">
        <image :src="item.src"></image>
      </view>
      <view class="content-text">
        <text style="font-size: 30rpx;color: #333;">{{item.name}}</text>
        <text>{{item.text}}</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
      myList:[{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      },{
        src:'https://pic.qqtn.com/up/2017-3/2017030908411982593.gif',
        name:'祝我闺蜜资产过亿',
        text:'祝我闺蜜资产过亿,单手开法拉利有情有义'
      }]
      };
    },
	methods:{
		taoLu(){
			uni.navigateTo({
				url: '../../subpkg/pantomimia/pantomimia'
			})
		}
	}
  }
</script>

<style lang="scss">
  page{
    background-color: #fff;
  }
  .content {
    height: 180rpx;
    background-color: #fff;
    display: flex;
    margin: 20rpx 30rpx;
    border-bottom: 1px solid #c8c8ca;

    .content-image {
      
      margin-right: 20rpx;

      image {
        width: 140rpx;
        height: 140rpx;
        border-radius: 16rpx;
        border: 1px solid #888;
      }
    }

    .content-text {
      width: 100%;
      padding: 20rpx 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-size: 24rpx;
     color: #c8c8ca;
    }
  }
</style>
